<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no" />
  <title>title和h1的区别 b与strong的区别 i与em的区别</title>
  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
</head>

<body>
  title和h1的区别
  定义
  title 概括了网站信息 可以告诉搜索引擎或用户这个网站的主要内容是什么
  h1 文章主题内容 告诉蜘蛛网站的内容是什么
  区别
  1. title 是显示在网页标题上
  h1 是显示在网页内容上
  2. title 比h1更加重要
  场景
  网站的login都是用h1 包裹的

  b与strong 的区别

  定义
  b是一个实体表签 用来给文字加粗
  strong 逻辑标签 用来加强字符语气
  区别
  b标签只加粗样式 没有实体含义
  strong 表示标签内字符比较重要 用于强调
  场景
  为了符合css3 的规范 b 尽量不用 需要 strong

  i与em的区别
  定义
  i 是一个实体表签 用来做文字倾斜
  em 是逻辑标签 用来强调文字内容
  区别
  i只是一个倾斜标签 没有实体含义
  em 表示标签内容字符重要 用于强调的
  场景
  i更多用于字体图标 em术语上 (生物 医药)


</body>

</html>